﻿@using OA.AspNetCore.Html;
@using OA.Model;
@using OA.Core.Model;
@model CustomForm
@{

    BaseConfig config = ViewBag.BaseConfig;
    string msg = ViewBag.Msg;
    string tips = string.Empty;
    if (!string.IsNullOrWhiteSpace(msg))
    {
        tips = $"layer.msg('{msg}');";
    }
    List<ListItem> formGroups = ViewBag.FormGroups;

    List<ListItem> approvalTrees = ViewBag.ApprovalTrees;

    List<ListItem> listProcessTree = ViewBag.ListProcessTree;

    List<GeneralField> generalFields = ViewBag.GeneralFields;
    List<ExtendField> extendFields = ViewBag.ExtendFields;
    List<ExtendField> tableFields = ViewBag.TableFields;

    OA.Core.Oss.PolicyInfo info = ViewBag.PolicyInfo;
    if (Model.ListExtendField == null) { Model.ListExtendField = new List<ExtendField>() { new ExtendField() }; }
    if (Model.TableFields == null) { Model.TableFields = new List<ExtendField>() { new ExtendField() { } }; }
}

<style type="text/css">
    .list-group-item {
        min-height: 32px;
        cursor: pointer;
    }
    #Controls{background-color:#fff;}

        #Controls .list-group-item {
            font-size: 12px;
            display: block;
            min-width: 86px;            
            line-height: 26px;
            position: relative;
            float: left;
            left: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 1%;
            float: left;
        }
        .list-group-item a {
            border: 1px solid #ddd;
            color: #ffffe6 !important;
            display: block;
            cursor: move;            
            font-size: 12px;
            letter-spacing: 0;      
            padding-right:4px;
        }
            .list-group-item a i {
                font-size: 16px;
                display: inline-block;
                vertical-align: middle;
                margin-bottom: 0px;
                margin-left: 6px;
                color: #808080
            }
            .list-group-item a span {
                display: inline-block;
                vertical-align: middle;
                color: #808080;
                cursor: move;
                font-size: 12px;
                letter-spacing: 0;
            }
</style>
<link href="/admin/iconfont/remixicon.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="@ViewBag.OssUrl/front/webuploader/webuploader.css">
<script type="text/javascript" src="@config.OssUrl/front/webuploader/webuploader.js"></script>
<script type="text/javascript" src="@config.OssUrl/front/js/common.js"></script>
<script type="text/javascript" src="/js/department.js"></script>
<script type="text/javascript" src="/Admin/Home/GetDepartmentAndPosition"></script>
<script type="text/javascript">
    function InitPositionAndDepartment(ctl, id, name, value) {
        if (value == 0 || value == "") {
            value = employeePositions[0].p;
        }
        var d = 0;
        $.each(positions, function (i, item) {
            if (item.i == value) {
                d = item.d;
                return true;
            }
        });
        InitDepartment($("#" + ctl), d);
        InitPosition($("#" + id), d, value);
    }
    function InitEmployeeAndDepartment(ctl, id, departmentID, value) {
        if (value == 0 || value == "") {
            value = employeePositions[0].i;
            departmentID = employeePositions[0].d;
        }

        InitDepartment($("#" + ctl), departmentID);
        InitEmployee($("#" + id), departmentID, value);
    }
</script>

<div class="layui-form layui-tab-content" style="padding:20px 40px 20px 0;">
    @using (Html.BeginForm(FormMethod.Post, htmlAttributes: new { @class = "layui-form", id = "myForm" }))
    {
        @Html.AntiForgeryToken()
    <div id="Controls" style="border:1px solid #ddd;width:300px;float:left;">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
            <legend style="font-size:13px;">基础组件</legend>
        </fieldset>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-input-method-line"></i>
                <span>文本框</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMSIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIG1pbmxlbmd0aD0iMCIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-input-method-line"></i>
                <span>数字框</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMiIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgc3RlcD0iMSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgc3R5bGU9Im1heC13aWR0aDoxOTBweDsiIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-input-method-line"></i>
                <span>Email</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNiIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIG1pbmxlbmd0aD0iMCIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-input-method-line"></i>
                <span>密码框</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTkiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgbWlubGVuZ3RoPSIwIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSJbVGlwc10iIGNsYXNzPSJsYXl1aS1pbnB1dCBbQXR0cmlidXRlXSIgdmFsdWU9IltEZWZhdWx0VmFsdWVdIiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4="/>
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-input-method-line"></i>
                <span>金额</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMjEiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIG5hbWU9IltBdHRyaWJ1dGVOYW1lXSIgaWQ9IltBdHRyaWJ1dGVJRF0iIGxheS12ZXJpZnk9IltWZXJpZnldIiBhdXRvY29tcGxldGU9Im9mZiIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLWlucHV0IFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-bank-card-2-fill"></i>
                <span>下拉框</span>
                <input class="data" type="hidden" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPHNlbGVjdCBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/kuIAiPuaYn+acn+S4gDwvb3B0aW9uPg0KICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9IuaYn+acn+S6jCI+5pif5pyf5LqMPC9vcHRpb24+DQogICAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0i5pif5pyf5LiJIj7mmJ/mnJ/kuIk8L29wdGlvbj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/lm5siPuaYn+acn+Wbmzwvb3B0aW9uPg0KICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9IuaYn+acn+S6lCI+5pif5pyf5LqUPC9vcHRpb24+DQogICAgICAgICAgICAgICAgPG9wdGlvbiB2YWx1ZT0i5pif5pyf5YWtIj7mmJ/mnJ/lha08L29wdGlvbj4NCiAgICAgICAgICAgICAgICA8b3B0aW9uIHZhbHVlPSLmmJ/mnJ/ml6UiPuaYn+acn+aXpTwvb3B0aW9uPg0KICAgICAgICAgICAgPC9zZWxlY3Q+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-t-box-line"></i>
                <span>文本域</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTMiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDx0ZXh0YXJlYSBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgcGxhY2Vob2xkZXI9IltUaXBzXSIgY2xhc3M9ImxheXVpLXRleHRhcmVhICBbQXR0cmlidXRlXSI+PC90ZXh0YXJlYT4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-radio-button-line"></i>
                <span>单选框</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNCIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9InJhZGlvIiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuIAiIHRpdGxlPSLmmJ/mnJ/kuIAiIC8+PGlucHV0IHR5cGU9InJhZGlvIiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuowiIHRpdGxlPSLmmJ/mnJ/kuowiIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
            </a>
        </div>

        <div class="list-group-item">
            <a>
                <i class="iconfont ri-checkbox-line"></i>
                <span>复选框</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNSIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIHZhbHVlPSLmmJ/mnJ/kuIAiIHRpdGxlPSLmmJ/mnJ/kuIAiIGxheS1za2luPSJwcmltYXJ5IiAvPjxpbnB1dCB0eXBlPSJjaGVja2JveCIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiB2YWx1ZT0i5pif5pyf5LqMIiB0aXRsZT0i5pif5pyf5LqMIiBsYXktc2tpbj0icHJpbWFyeSIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
            </a>
        </div>

        <div class="list-group-item">
            <a>
                <i class="iconfont ri-toggle-line"></i>
                <span>开关</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iNyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGxheS1za2luPSJzd2l0Y2giIHZhbHVlPSJ0cnVlIiBsYXktdGV4dD0i5pivfOWQpiIgLz4NCiAgICAgICAgPC9kaXY+DQogICAgPC9kaXY+" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-calendar-2-line"></i>
                <span>年份选择</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iOCIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgZGF0YS10eXBlPSJ5ZWFyIiBkYXRhLWZvcm1hdD0ieXl5eSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-calendar-2-line"></i>
                <span>月份选择</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iOSIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJoaWRkZW4iIHZhbHVlPSdbQ29uZmlnSW5mb10nIG5hbWU9IkNvbmZpZ0luZm8iIGNsYXNzPSJDb25maWdJbmZvIiAvPg0KICAgICAgICAgICAgPGlucHV0IHR5cGU9Im51bWJlciIgbmFtZT0iW0F0dHJpYnV0ZU5hbWVdIiBpZD0iW0F0dHJpYnV0ZUlEXSIgZGF0YS10eXBlPSJtb250aCIgZGF0YS1mb3JtYXQ9Inl5eXlNTSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
            </a>
        </div>
        <div class="list-group-item">
            <a>
                <i class="iconfont ri-calendar-2-line"></i>
                <span>日期选择</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTAiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9ImRhdGUiIGRhdGEtZm9ybWF0PSJ5eXl5LU1NLWRkIiBsYXktdmVyaWZ5PSJbVmVyaWZ5XSIgYXV0b2NvbXBsZXRlPSJvZmYiIHBsYWNlaG9sZGVyPSJbVGlwc10iIGNsYXNzPSJsYXl1aS1pbnB1dCBteWRhdGUgW0F0dHJpYnV0ZV0iIHZhbHVlPSJbRGVmYXVsdFZhbHVlXSIgc3R5bGU9Im1heC13aWR0aDoxOTBweDsiIC8+DQogICAgICAgIDwvZGl2Pg0KICAgIDwvZGl2Pg==" />
            </a>
        </div>

        <div class="list-group-item">
            <a>
                <i class="iconfont ri-calendar-2-line"></i>
                <span>时间选择</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTEiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9InRpbWUiIGRhdGEtZm9ybWF0PSJISDptbSIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
            </a>
        </div>

        <div class="list-group-item">
            <a>
                <i class="iconfont ri-calendar-2-line"></i>
                <span>日期时间</span>
                <input type="hidden" class="data" value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIiBmb3I9IltBdHRyaWJ1dGVdIj5bTmFtZV08L2xhYmVsPg0KICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiBjbGFzcz0iVHlwZUlEIiB2YWx1ZT0iMTIiIC8+DQogICAgICAgICAgICA8aW5wdXQgdHlwZT0iaGlkZGVuIiB2YWx1ZT0nW0NvbmZpZ0luZm9dJyBuYW1lPSJDb25maWdJbmZvIiBjbGFzcz0iQ29uZmlnSW5mbyIgLz4NCiAgICAgICAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBuYW1lPSJbQXR0cmlidXRlTmFtZV0iIGlkPSJbQXR0cmlidXRlSURdIiBkYXRhLXR5cGU9ImRhdGV0aW1lIiBkYXRhLWZvcm1hdD0ieXl5eS1NTS1kZCBISDptbTpzcyIgbGF5LXZlcmlmeT0iW1ZlcmlmeV0iIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0iW1RpcHNdIiBjbGFzcz0ibGF5dWktaW5wdXQgbXlkYXRlIFtBdHRyaWJ1dGVdIiB2YWx1ZT0iW0RlZmF1bHRWYWx1ZV0iIHN0eWxlPSJtYXgtd2lkdGg6MTkwcHg7IiAvPg0KICAgICAgICA8L2Rpdj4NCiAgICA8L2Rpdj4=" />
            </a>
        </div>
        <fieldset class="layui-elem-field layui-field-title" style="margin: 20px 0;clear:both;width:100%;float:left;">
            <legend style="font-size:13px;">上传组件</legend>
        </fieldset>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-image-fill"></i>
                <span>单图上传</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>多图上传</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-upload-cloud-2-line"></i>
                <span>单文件上传</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>多文件上传</span>
            </a>
        </div>
        <fieldset class="layui-elem-field layui-field-title" style="margin: 20px 0;clear:both;width:100%;float:left;">
            <legend style="font-size:13px;">高级组件</legend>
        </fieldset>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>部门选择</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>岗位选择</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>职员选择</span>
            </a>
        </div>

        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>供应商</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>供应商</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>客户</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>联系人</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>产品选择</span>
            </a>
        </div>

        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>单据引用</span>
            </a>
        </div>
        <div class="list-group-item">
            <a class="data" data-value="PGRpdiBjbGFzcz0ibGF5dWktZm9ybS1pdGVtIj4NCiAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYXl1aS1mb3JtLWxhYmVsIj7mlofmnKzmoYY8L2xhYmVsPg0KICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJsYXl1aS1pbnB1dC1ibG9jayI+DQogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0idGl0bGUiIGF1dG9jb21wbGV0ZT0ib2ZmIiBwbGFjZWhvbGRlcj0i6K+36L6T5YWl5YaF5a65IiBjbGFzcz0ibGF5dWktaW5wdXQiPg0KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4NCiAgICAgICAgICAgICAgICA8L2Rpdj4=">
                <i class="iconfont ri-input-method-line"></i>
                <span>多单据引用</span>
            </a>
        </div>

    </div>
        <div id="Content" style="width: 50%; border: 1px solid #ddd; float: left; min-height:400px;padding:20px ">

        </div>
        <div id="Property" style="width: 24%; border: 1px solid #ddd; float: left; ">

        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <input type="submit" value="提 交" lay-submit="" lay-filter="OAForm" class="layui-btn mySubmit" />
            </div>
        </div>
    }
</div>
<div style="display:none">
    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="1" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" minlength="0" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input [Attribute]" value="[DefaultValue]" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="2" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="number" name="[AttributeName]" id="[AttributeID]" step="1" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="6" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" minlength="0" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input [Attribute]" value="[DefaultValue]" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="19" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="password" name="[AttributeName]" id="[AttributeID]" minlength="0" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input [Attribute]" value="[DefaultValue]" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="21" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="number" name="[AttributeName]" id="[AttributeID]" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="3" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <select name="[AttributeName]" id="[AttributeID]">
                <option value="星期一">星期一</option>
                <option value="星期二">星期二</option>
                <option value="星期三">星期三</option>
                <option value="星期四">星期四</option>
                <option value="星期五">星期五</option>
                <option value="星期六">星期六</option>
                <option value="星期日">星期日</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="4" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="radio" name="[AttributeName]" value="星期一" title="星期一" /><input type="radio" name="[AttributeName]" value="星期二" title="星期二" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="5" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="checkbox" name="[AttributeName]" value="星期一" title="星期一" lay-skin="primary" /><input type="checkbox" name="[AttributeName]" value="星期二" title="星期二" lay-skin="primary" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="7" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="checkbox" name="[AttributeName]" lay-skin="switch" value="true" lay-text="是|否" />
        </div>
    </div>


    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="13" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <textarea name="[AttributeName]" id="[AttributeID]" lay-verify="[Verify]" placeholder="[Tips]" class="layui-textarea  [Attribute]"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="8" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="number" name="[AttributeName]" id="[AttributeID]" data-type="year" data-format="yyyy" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="9" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="number" name="[AttributeName]" id="[AttributeID]" data-type="month" data-format="yyyyMM" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="10" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" data-type="date" data-format="yyyy-MM-dd" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="10" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" data-type="date" data-format="yyyy-MM-dd" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="11" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" data-type="time" data-format="HH:mm" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" for="[Attribute]">[Name]</label>
        <div class="layui-input-block">
            <input type="hidden" class="TypeID" value="11" />
            <input type="hidden" value='[ConfigInfo]' name="ConfigInfo" class="ConfigInfo" />
            <input type="text" name="[AttributeName]" id="[AttributeID]" data-type="datetime" data-format="yyyy-MM-dd HH:mm:ss" lay-verify="[Verify]" autocomplete="off" placeholder="[Tips]" class="layui-input mydate [Attribute]" value="[DefaultValue]" style="max-width:190px;" />
        </div>
    </div>

</div>
 


<script type="text/javascript">
    var itemInfo = {
        "IsDraftShow": true,//是否是起草项
        "IsSummarizing": false,//汇总列
        "ParentName": "",//上级名称，表格
        "Name": "文本",//名称
        "Attribute": "_Text",//属性名称 对应表单中的Name
        "Type": 1,//类型
        "Min": 0,
        "Max": 0,
        "Tips": "请输入文本",//提示语
        "Verify": "required",//验证规则
        "DefaultValue": "",//默认值
        "Values": "",
        "Status": 1,
        "Sort": 0,
        "Value": "",
        "Text": "",
        "DbScore": null,//数据源
        "ThirdPartyDataSource": null,//第三方数据源
        "AttributeName": null,
        "AttributeID": null
    };

</script>
<script type="text/javascript" src="~/js/base64.min.js" ></script>
<script type="text/javascript" src="~/js/Sortable.js"></script>
<script type="text/javascript">
    var keys = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
    var index = 0;
    new Sortable(Controls, {
        group: {
            name: 'shared',
            pull: 'clone',
            put: false,
        },
        animation: 150,
        sort: false,
     
        onEnd: function (evt) {
            if ($(evt.to).prop("id") == "Content" && $(evt.from).prop("id") == "Controls") {
                console.log("OK")
                var origEl = evt.item;
                var cloneEl = evt.clone;               
                var base64Info = $(cloneEl).find(".data").val();
                var contolInfo = Base64.decode(base64Info);
                console.log(contolInfo)
                var myJson = itemInfo;
                myJson.Tips = "";
                myJson.Values = "";
                console.log($(contolInfo).html());
                var dataType = $(contolInfo).find(".TypeID").val();
                console.log(index);
                if (index <= 25) {
                    myJson.Attribute = "_" + keys[index];
                    myJson.AttributeName = "dicExtend." + keys[index];
                    myJson.AttributeID = "dicExtend_" + keys[index];
                }
                else {
                    var i = index % 26;
                    var j = parseInt(index / 26);
                    console.log(j);
                    console.log(i);
                    myJson.Attribute = "_" + keys[j] + keys[i];
                    myJson.AttributeName = "dicExtend." + keys[j] + keys[i];
                    myJson.AttributeID = "dicExtend_" + keys[j] + keys[i];
                }
                console.log(dataType);
                if (dataType == 1) {
                    myJson.Name = "文本框";
                }
                else if (dataType == 2) {
                    myJson.Name = "数字框";
                    myJson.Verify = "required|myNumber";
                }
                else if (dataType == 3) {
                    myJson.Name = "文字下拉框";
                    myJson.Values = "星期一,星期二,星期三,星期四,星期五,星期六,星期日";                    
                }
                else if (dataType == 4) {
                    myJson.Name = "单选框";
                    myJson.Values = "星期一,星期二";
                }
                else if (dataType == 5) {
                    myJson.Name = "复选框";
                    myJson.Values = "星期一,星期二";
                }
                else if (dataType == 6) {
                    myJson.Name = "Email";
                    myJson.Verify = "required|email|myText";
                    myJson.Tips = "请输入Email";
                }
                else if (dataType == 7) {
                    myJson.Name = "开关";                   
                }
                else if (dataType == 8) {
                    myJson.Name = "年份选择器";
                }
                else if (dataType == 9) {
                    myJson.Name = "月份选择器";
                }
                else if (dataType == 10) {
                    myJson.Name = "日期选择器";
                }
                else if (dataType == 11) {
                    myJson.Name = "时间选择器";
                }
                else if (dataType == 12) {
                    myJson.Name = "日期时间";
                }
                else if (dataType == 13) {
                    myJson.Name = "文本域";
                    myJson.Verify = "";
                }
                else if (dataType == 19) {
                    myJson.Name = "密码框";
                    myJson.Verify = "required";
                }
                else if (dataType == 21) {
                    myJson.Name = "金额";
                    myJson.Verify = "required";
                }
                for (var key in myJson) {
                    contolInfo = contolInfo.replaceAll("[" + key + "]", myJson[key]);
                }
                contolInfo = contolInfo.replaceAll("[ConfigInfo]", JSON.stringify(myJson));
                origEl.innerHTML = contolInfo;
                index++;
                form.render();
                if (dataType == 8 || dataType == 9 || dataType == 10 || dataType == 11 || dataType == 12) {
                    var format = 'yyyy';
                    var type = 'year';
                    var showBottom = false;
                    if (dataType == 9) {
                        format = 'yyyyMM';
                        type ='month'
                    }
                    else if (dataType == 10) {
                        format = 'yyyy-MM-dd';
                        type = 'date'
                    }
                    else if (dataType == 11) {
                        format = 'HH:mm';
                        type = 'time';
                        showBottom = true;
                    }
                    else if (dataType == 12) {
                        format = 'yyyy-MM-dd HH:mm:ss';
                        type = 'datetime';
                        showBottom = true;
                    }
                    laydate.render({
                        elem: '#' + myJson.AttributeID,
                        type: type,
                        showBottom: showBottom,//没有下方的取消和确定按钮
                        format: format,
                        change: function (value, date, endDate) {
                            if (dataType == 8 || dataType == 9 || dataType == 10) {
                                $("#" + myJson.AttributeID).val(value);
                                if ($(".layui-laydate").length) {
                                    $(".layui-laydate").remove();
                                }
                            }
                           
                        }
                    });
                }
               
            }                   
        },
       
    });

    new Sortable(Content, {
        group: 'shared',
        animation: 150
    });

</script>
